<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<ui:composition template="../WEB-INF/plantilla/layout.xhtml">
    <ui:define name="contenido">
    	
    	<h:form id="frmGener">
    		
    		<p:panel header="Generaciones" id="pnlGener">
				
				<p:dataTable value="#{crom.listGeneraciones}" var="tbl" rows="15"
					emptyMessage="No hay generaciones"
					paginatorPosition="bottom" 
					paginator="true"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {NextPageLink} {LastPageLink}">


					<p:column headerText="Generacion">
						<h:outputLink value="#{tbl.numeroGeneracion}" />
					</p:column>
					
					<p:column headerText="Detalle">
						<h:outputText value="#{tbl.detalle}" />
					</p:column>
					
					<p:column headerText="Iteraciones">
						<h:outputText value="#{tbl.numeroIteraciones}" />
					</p:column>
					

				</p:dataTable>
    		
    		
    		</p:panel>
    		<p:panel header="Cromosomas" id="panelCromos">
    		
    			<p:dataTable value="#{crom.listCromosomas}" var="tbl" rows="20"
					emptyMessage="No hay Cromosomas"
					paginatorPosition="bottom" 
					paginator="true"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {NextPageLink} {LastPageLink}">

					<p:column headerText="Cromosoma">
						<h:outputText value="#{tbl.numeroCromosoma}" />
					</p:column>
					
					<p:column headerText="Parentesco">
						<h:outputText value="#{tbl.parentesco}" />
					</p:column>
					
					<p:column headerText="Nacimiento">
						<h:outputText value="#{tbl.generacionNacimiento}" />
					</p:column>
					
					<p:column headerText="fallecimiento">
						<h:outputText value="#{tbl.generacionFallecimiento}" />
					</p:column>
					
					<p:column headerText="Padre">
						<h:outputText value="#{tbl.padre}" />
					</p:column>
					
					<p:column headerText="Madre">
						<h:outputText value="#{tbl.madre}" />
					</p:column>
					
					<p:column headerText="Fitness">
						<h:outputText value="#{tbl.valorAdaptacion}" />
					</p:column>

				</p:dataTable>
    		
    		</p:panel>
    		
    	</h:form>
    	
    </ui:define>
</ui:composition>
	
</html>
